<template>
  <div style="background:white;">
    <!-- 催办导入数据展示 -->
    <a-card :bordered="false">
      <div v-if="isShow">
        <a-table
          :columns="columnstableKAITONG"
          :data-source="dataKAITONG"
          bordered
          size="middle"
          rowKey="id"
          style="margin: 20px 10% 0 10%"
          :pagination="false"
        >
          <template slot="file" slot-scope="text, record">
            <SelectFile
              :includeFileName="record.desc"
              :id="record.id"
              @fileListChange="fileListChange"
              @resultChange="resultChange"
            ></SelectFile>
          </template>
          <template slot="action" slot-scope="text, record">
            <UpoadFile
              @resultChange="resultChange"
              :uploadIsOk="record.uploadIsOk"
              :id="record.id"
              :url="record.url"
              :fileList="record.fileList"
              :btninfo="record"
              @btnChange="btnChange"
            ></UpoadFile>
          </template>
          <template slot="results" slot-scope="text, record">
            <a @click="seeResults(record)">查看结果</a>
          </template>
          <template slot="template" slot-scope="text, record">
            <a :href="record.downurl" :download="record.downurl">点击下载</a>
          </template>
        </a-table>

        <UploadFileAll
          style="margin: 20px 10% 0 10%;float:right"
          @resultChange="resultChange"
          @btnloading="btnloading"
          :info="dataKAITONG"
        ></UploadFileAll>
        <a-button type="primary" style="width:10%;margin:20px 45%" @click="daoru">查看总报表</a-button>
        <div style="height:1000px"></div>
      </div>
      <!-- //页面总报表 -->
      <div style="margin: 5px 10px" v-else>
        <a-button
          style="margin-bottom:10px"
          v-if="tableInfo == 1"
          shape="round"
          type="primary"
          @click="comeBack"
        >返回</a-button
        >
        <br />
        <a-radio-group default-value="a" button-style="solid" style="margin: 0px 0 5px 0px" @change="onChangeRadio">
          <a-radio-button value="a"> 通报统计表 </a-radio-button>
          <a-radio-button value="b"> 今日超时 </a-radio-button>
          <a-radio-button value="c"> 催办回复率统计 </a-radio-button>
        </a-radio-group>
        <br />
        <a-range-picker
          @change="onChangePicker"
          :default-value="[moment(startTime, dateFormat), moment(endTime, dateFormat)]"
          :format="dateFormat"
        />
        <a-button type="primary" icon="search" style="margin:  10px 0 10px 10px" @click="searchFirst">查询</a-button>
        <a-button type="primary" icon="export" style="margin:  10px 0 10px 10px" @click="daochu">excel导出</a-button>

        <!-- 通报统计表表格 -->
        <a-table
          :pagination="false"
          :loading="firstLoading"
          v-if="analisyType"
          :columns="columnstableFirst"
          :data-source="dataFirst"
          bordered
          size="middle"
          style="width:100%;"
        >
          <template slot="fz" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('', record)">{{ text }}</a>
          </template>
          <template slot="cs" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('仓山', record)">{{ text }}</a>
          </template>
          <template slot="gl" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('鼓楼', record)">{{ text }}</a>
          </template>
          <template slot="ja" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('晋安', record)">{{ text }}</a>
          </template>
          <template slot="tj" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('台江', record)">{{ text }}</a>
          </template>
          <template slot="mw" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('马尾', record)">{{ text }}</a>
          </template>
          <template slot="mh" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('闽侯', record)">{{ text }}</a>
          </template>
          <template slot="fq" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('福清', record)">{{ text }}</a>
          </template>
          <template slot="cl" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('长乐', record)">{{ text }}</a>
          </template>
          <template slot="pt" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('平潭', record)">{{ text }}</a>
          </template>
          <template slot="ly" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('罗源', record)">{{ text }}</a>
          </template>
          <template slot="lj" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('连江', record)">{{ text }}</a>
          </template>
          <template slot="mq" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('闽清', record)">{{ text }}</a>
          </template>
          <template slot="yt" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('永泰', record)">{{ text }}</a>
          </template>
          <template slot="city" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('市工建', record)">{{ text }}</a>
          </template>
          <template slot="province" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('省级', record)">{{ text }}</a>
          </template>
          <template slot="cityOther" slot-scope="text, record">
            <a style="color:black" @click="clickEvent('市级维护', record)">{{ text }}</a>
          </template>
        </a-table>
        <!-- 今日超时表格 -->
        <a-table
          v-if="analisyTypea"
          :pagination="pagination"
          @change="pageShow"
          :loading="secondLoading"
          :columns="columnstableFirstNext"
          :data-source="dataFirstNext"
          bordered
          size="middle"
          style="width:100%;"
        >
          <template slot="action" slot-scope="text, record">
            <a @click="detailEvent(record)">详情</a>
          </template>
          <template slot="status" slot-scope="text, record">
            <span v-if="text == 1">快开</span>
            <span v-if="text == 2">查勘</span>
            <span v-if="text == 3">快建</span>
            <span v-if="text == 4">合同签订</span>
          </template>
        </a-table>
        <a-button v-if="analisyTypea" type="primary" @click="info" style="margin-top:10px">备注提示</a-button>
        <!-- 催办回复率统计 -->
        <a-table
          :pagination="false"
          v-if="analisyTypeb"
          :loading="firstLoading"
          :columns="columnstableThree"
          :data-source="dataFirstNext"
          bordered
          size="middle"
          style="width:100%;"
        >
        </a-table>
      </div>
    </a-card>
    <!-- 今日超时详情 -->
    <DetailsModel v-if="detailsShow" @cancelEvent="cancelEvent" :infoListData="infoListData"></DetailsModel>
    <!-- 总量点击 -->
    <CbModel
      v-if="cbShow"
      :form="formData"
      @cancelEvent="cancelEvent"
      :startTime="startTime"
      :endTime="endTime"
    ></CbModel>
    <!-- 处理结果 -->
    <a-modal :visible="resultShow" :footer="null" :width="800" @cancel="cancelModel">
      <a-table
        :columns="resultColumns"
        :data-source="resultData"
        bordered
        size="middle"
        rowKey="id"
        :pagination="false"
        style="margin-top:20px"

      >
        <template slot="status" slot-scope="text, record">
          <span v-if="text==0">失败</span>
          <span v-if="text==1">处理中</span>
          <span v-if="text==2">成功</span>
        </template>

      </a-table>
    </a-modal>
  </div>
</template>

<script>
import DetailsModel from '@/views/UrgeManage/detailsModel'
import moment from 'moment'
import { getUrgeTotal, exportExcelUrgeTotal, exportExcelUrgeReply, getUrgeOverTime, getUrgeReply, importLogPages } from '@/api/public'
import { getNowFormatDate } from '@/utils/util.js'
import Vue from 'vue'
import CbModel from '@/views/allModel/cbModel'
import SelectFile from '@/views/systemManage/uploadFile/selectFile'
import UpoadFile from '@/views/systemManage/uploadFile/upoadFile'
import UploadFileAll from '@/views/systemManage/uploadFile/uploadFileAll'
export default {
  name: 'TableList',
  components: {
    CbModel,
    DetailsModel,
    SelectFile,
    UpoadFile,
    UploadFileAll
  },
  props: ['tableInfo'],
  data () {
    return {
      infoListData: [],
      detailsShow: false,
      cbShow: false,
      qingdanlist: [],
      firstLoading: false,
      secondLoading: false,
      startTime: '',
      endTime: '',
      dateFormat: 'YYYY-MM-DD',
      analisyType: true,
      analisyTypea: false,
      analisyTypeb: false,
      linshiId: '',
      isShow: true,
      headers: {
        authorization: Vue.ls.get('ACCESS_TOKEN')
      },
      selectType: 'a',
      columnstableThree,
      columnstableKAITONG, // KT
      columnstableFirst,
      columnstableFirstNext,
      dataFirst: [],
      dataFirstNext: [],
      dataKAITONG: [],
      searchData: [],
      queryParam: {},
      formData: {},
      current: 1,
      pageSize: 10,
      resultShow: false,
      pagination: {
        total: 0,
        showTotal: total => `共有 ${total} 条数据`
      },
      // 处理结果模板
      resultColumns: [
        {
          title: '序号',
          dataIndex: 'id'
        },
        {
          title: '名称',
          dataIndex: 'name'
        },
        {
          title: '文件数量',
          dataIndex: 'num'
        },
        {
          title: '文件上传时间',
          dataIndex: 'createDate'
        },
        {
          title: '处理结果',
          dataIndex: 'reason'
        },
        {
          title: '处理状态',
          dataIndex: 'status',
          scopedSlots: { customRender: 'status' }
        }

      ]
    }
  },
  filters: {},

  created () {
    this.startTime = getNowFormatDate() + ' 00:00:00'
    this.endTime = getNowFormatDate() + ' 23:59:59'
    this.initdataKAITONG()
  },

  computed: {},
  mounted () {
    if (this.tableInfo === 2) {
      this.isShow = false
      this.getFirstData()
    }
  },
  methods: {
    // 查看处理结果
    async seeResults (e) {
      const info = {}
      info.name = e.uploadName
      info.current = 1
      info.pageSize = 20
      info.startTime = moment().startOf('day').format('YYYY-MM-DD HH:mm:ss')
      info.endTime = moment().endOf('day').format('YYYY-MM-DD HH:mm:ss')
      const { data } = await importLogPages(info)
      this.resultData = data.records
      this.resultShow = true
    },
    // 上传结果按钮状态改变
    btnloading (id) {
      this.dataKAITONG[id].loading = true
    },
    // 按钮状态改变
    btnChange (id) {
      this.dataKAITONG[id].loading = true
    },
    // 上传文件
    fileListChange (fileList, result, id) {
      result === '文件名称错误' ? (this.dataKAITONG[id].uploadIsOk = true) : (this.dataKAITONG[id].uploadIsOk = false)
      this.dataKAITONG[id].fileList = fileList
      this.dataKAITONG[id].status = result
    },
    // 删除结果改变
    resultChange (data, id) {
      this.dataKAITONG[id].status = data
      this.dataKAITONG[id].uploadIsOk = true
      this.dataKAITONG[id].fileList = []
      this.dataKAITONG[id].loading = false
    },
    moment,
    // 查询
    searchFirst () {
      if (this.selectType === 'a') {
        this.analisyType = true
        this.analisyTypea = false
        this.analisyTypeb = false
        this.getFirstData()
      } else if (this.selectType === 'b') {
        this.analisyType = false
        this.analisyTypea = true
        this.analisyTypeb = false
        this.getSecondtData()
      } else if (this.selectType === 'c') {
        this.analisyType = false
        this.analisyTypea = false
        this.analisyTypeb = true
        this.getUrgeReplyData()
      }
    },
    /// /催办  通报统计表
    getFirstData () {
      this.firstLoading = true
      getUrgeTotal(this.startTime, this.endTime)
        .then(response => {
          this.dataFirst = response.data
          this.dataFirst.forEach((item, index) => {
            this.dataFirst[index].id = index
          })
          this.firstLoading = false
        })
    },
    /// 今日超时
    getSecondtData () {
      this.secondLoading = true
      getUrgeOverTime(this.startTime, this.endTime, this.current, this.pageSize, '', '')
        .then(response => {
          const pagination = { ...this.pagination }
          pagination.total = response.data.total
          pagination.pageSize = this.pageSize
          this.pagination = pagination
          this.pagination.current = response.data.current
          this.dataFirstNext = response.data.records
          this.secondLoading = false
        })
    },
    // 今日超时 分页
    pageShow (pagination) {
      this.tableLoading = true
      getUrgeOverTime(this.startTime, this.endTime, pagination.current, pagination.pageSize, '', '')
        .then(response => {
          const pagination = { ...this.pagination }
          pagination.total = response.data.total
          pagination.pageSize = this.pageSize
          this.pagination = pagination
          this.pagination.current = response.data.current
          this.dataFirstNext = response.data.records
          this.secondLoading = false
        })
    },
    /// 催办回复率
    getUrgeReplyData () {
      this.secondLoading = true
      getUrgeReply(this.startTime, this.endTime)
        .then(response => {
          this.dataFirstNext = response.data
          this.dataFirstNext.forEach((item, index) => {
            this.dataFirstNext[index].id = index
          })
          this.secondLoading = false
        })
    },
    // 统计报表
    downloadTotal () {
      this.$message.success(`文件正在导出请稍等！`)
      exportExcelUrgeTotal(this.startTime, this.endTime)
        .then(response => {
          const blob = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
          const url = window.URL.createObjectURL(blob)
          const aLink = document.createElement('a')
          aLink.style.display = 'none'
          aLink.href = url
          aLink.setAttribute('download', '催办报表.xlsx')
          document.body.appendChild(aLink)
          aLink.click()
          document.body.removeChild(aLink)
          window.URL.revokeObjectURL(url)
          // console.log(response)
          this.$message.success(`文件已导出`)
        })
    },
    // 催办超时
    downloadOverTime () {
      this.$message.success(`文件正在导出请稍等！`)
      exportExcelUrgeTotal(this.startTime, this.endTime)
        .then(response => {
          const blob = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
          const url = window.URL.createObjectURL(blob)
          const aLink = document.createElement('a')
          aLink.style.display = 'none'
          aLink.href = url
          aLink.setAttribute('download', '超时报表.xlsx')
          document.body.appendChild(aLink)
          aLink.click()
          document.body.removeChild(aLink)
          window.URL.revokeObjectURL(url)
          this.$message.success(`文件已导出`)
        })
    },
    // 催办回复统计率
    downloadReply () {
      this.$message.success(`文件正在导出请稍等！`)
      exportExcelUrgeReply(this.startTime, this.endTime)
        .then(response => {
          const blob = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
          const url = window.URL.createObjectURL(blob)
          const aLink = document.createElement('a')
          aLink.style.display = 'none'
          aLink.href = url
          aLink.setAttribute('download', '统计率报表.xlsx')
          document.body.appendChild(aLink)
          aLink.click()
          document.body.removeChild(aLink)
          window.URL.revokeObjectURL(url)
          this.$message.success(`文件已导出`)
        })
    },
    // 时间改变控件
    onChangePicker (date, dateString) {
      this.startTime = dateString[0] + ' 00:00:00'
      this.endTime = dateString[1] + ' 23:59:59'
    },
    // 导航切换
    onChangeRadio (e) {
      if (e.target.value === 'a') {
        this.selectType = e.target.value
        this.analisyType = true
        this.analisyTypea = false
        this.analisyTypeb = false
        this.getFirstData()
      } else if (e.target.value === 'b') {
        this.selectType = e.target.value
        this.analisyType = false
        this.analisyTypea = true
        this.analisyTypeb = false
        this.getSecondtData()
      } else if (e.target.value === 'c') {
        this.selectType = e.target.value
        this.analisyType = false
        this.analisyTypea = false
        this.analisyTypeb = true
        this.getUrgeReplyData()
      }
    },
    // 查勘报表
    daoru () {
      this.isShow = false
      this.startTime = getNowFormatDate() + ' 00:00:00'
      this.endTime = getNowFormatDate() + ' 23:59:59'
      this.getFirstData()
    },
    // 导出
    daochu () {
      if (this.selectType === 'a') {
        this.downloadTotal()
      } else if (this.selectType === 'b') {
        this.downloadOverTime()
      } else if (this.selectType === 'c') {
        this.downloadReply()
      }
    },
    // 初始化清单列表数据
    initdataKAITONG () {
      this.dataKAITONG = [
        {
          id: 0,
          name: '综资查勘清单',
          url: '/api/import/manage/urging_ck',
          fileList: [],
          status: '未上传',
          desc: '综资查勘',
          uploadIsOk: false,
          rule: 'xx综资查勘xx.xlsx',
          loading: false,
          uploadName: 'urging_ck',
          downurl: 'http://gangmao.oss-cn-shenzhen.aliyuncs.com/fzydd/excel/%E8%B4%A6%E6%88%B7%E6%A8%A1%E6%9D%BF.xlsx'
        },
        {
          id: 1,
          name: '综资开通清单',
          url: '/api/import/manage/urging_kt',
          fileList: [],
          status: '未上传',
          desc: '综资开通',
          uploadIsOk: false,
          rule: 'xx综资开通xx.xlsx',
          loading: false,
          uploadName: 'urging_kt',
          downurl: 'http://gangmao.oss-cn-shenzhen.aliyuncs.com/fzydd/excel/%E8%B4%A6%E6%88%B7%E6%A8%A1%E6%9D%BF.xlsx'
        },
        {
          id: 2,
          name: '施调清单',
          url: '/api/import/manage/urging_st',
          fileList: [],
          status: '未上传',
          desc: '施调清单',
          uploadIsOk: false,
          uploadName: 'urging_st',
          rule: 'xx施调清单xx.xlsx',
          loading: false,
          downurl: 'http://gangmao.oss-cn-shenzhen.aliyuncs.com/fzydd/excel/%E8%B4%A6%E6%88%B7%E6%A8%A1%E6%9D%BF.xlsx'
        }
      ]
    },

    callback () {},

    // 返回上传
    comeBack () {
      this.isShow = true
      this.initdataKAITONG()
    },
    // 今日超时详情
    detailEvent (e) {
      this.infoListData = e
      this.detailsShow = true
    },
    // 备注提示
    info () {
      const h = this.$createElement
      this.$info({
        title: '备注提示',
        content: h('div', {}, [
          h('p', '类型:1日快开，筛选条件:快开历时（13-24小时）'),
          h('p', '类型:2日查勘（接单），筛选条件:已超12小时'),
          h('p', '类型:2日查勘（回单），筛选条件:查勘（25-48小时）'),
          h('p', '类型:3日快建（接单），筛选条件:已超12小时'),
          h('p', '类型:3日快建（回单），筛选条件:建设（49-72小时）')
        ]),
        onOk () {}
      })
    },
    // 点击详情
    cancelEvent () {
      this.cbShow = false
      this.detailsShow = false
    },
    // 点击事件
    clickEvent (e, info) {
      this.formData = info
      this.checkType(info)
      this.checkLineType(info)
      this.formData.county = e
      this.cbShow = true
    },
    // 判断是快开 查勘 接口传参
    checkLineType (info) {
      if (info.name.indexOf('快开') !== -1) {
        this.formData.type = 1
      } else if (info.name.indexOf('查勘') !== -1) {
        this.formData.type = 2
      } else if (info.name.indexOf('快建') !== -1) {
        this.formData.type = 3
      } else if (info.name.indexOf('合同') !== -1) {
        this.formData.type = 4
      }
    },
    cancelModel () {
      this.resultShow = false
    },
    // 判断是哪种类型 接口传参
    checkType (info) {
      switch (info.timeType) {
        case 1:
          this.formData.endLong = 0.5
          break
        case 2:
          this.formData.startLong = 0.5
          this.formData.endLong = 1
          break
        case 3:
          this.formData.startLong = 1
          break
        case 4:
          this.formData.endLong = 2
          break
        case 5:
          this.formData.startLong = 2
          this.formData.endLong = 3
          break
        case 6:
          this.formData.startLong = 3
          break
        case 7:
          this.formData.endLong = 3
          break
        case 8:
          this.formData.startLong = 3
          this.formData.endLong = 5
          break
        case 9:
          this.formData.startLong = 5
          break
        case 10:
          this.formData.endLong = 4
          break
        case 11:
          this.formData.startLong = 4
          this.formData.endLong = 6
          break
        case 12:
          this.formData.startLong = 6
          break
        case 13:
          this.formData.endLong = 14
          break
        case 14:
          this.formData.startLong = 14
          break
        case 15:
          this.formData.startLong = 15
          break
        case 16:
          this.formData.startLong = 15
          break
        default:
      }
    }
  }
}

const columnstableKAITONG = [
  {
    title: '报表类型', // Excel清单名称
    dataIndex: 'name',
    key: 'name',
    width: 50,
    align: 'center',
    scopedSlots: { customRender: 'name' }
  },
  {
    title: '命名规则',
    dataIndex: 'rule',
    key: 'rule',
    width: 50,
    align: 'center'
  },
  {
    title: '上传操作',
    dataIndex: 'file',
    key: 'file',
    width: 100,
    align: 'center',
    scopedSlots: { customRender: 'file' }
  },
  {
    title: '上传结果',
    dataIndex: 'status',
    key: 'status',
    width: 50,
    align: 'center',
    scopedSlots: { customRender: 'status' }
  },
  {
    title: '处理结果',
    dataIndex: 'results',
    key: 'results',
    width: 50,
    align: 'center',
    scopedSlots: { customRender: 'results' }
  },
  {
    title: '模板下载',
    dataIndex: 'template',
    key: 'template',
    width: 50,
    align: 'center',
    scopedSlots: { customRender: 'template' }
  },
  {
    title: '操作',
    dataIndex: 'action',
    key: 'action',
    width: 50,
    ellipsis: true,
    align: 'center',
    scopedSlots: { customRender: 'action' }
  }
]

const columnstableFirstNext = [
  {
    title: '今日即将超时工单',
    align: 'center',
    children: [
      {
        title: '类型',
        dataIndex: 'status',
        align: 'center',
        scopedSlots: { customRender: 'status' }
      },
      {
        title: '工单号',
        dataIndex: 'crmNo',
        align: 'center'
      },
      {
        title: '区县',
        dataIndex: 'country',
        align: 'center'
      },
      {
        title: '工单历时时长',
        dataIndex: 'longTime',
        align: 'center'
      },
      {
        title: '系统',
        dataIndex: 'sys',
        align: 'center'
      },
      {
        title: '工单环节',
        dataIndex: 'link',
        align: 'center'
      },
      {
        title: '操作',
        dataIndex: 'action',
        align: 'center',
        scopedSlots: { customRender: 'action' }
      }
    ]
  }
]
const columnstableFirst = [
  {
    title: '专线开通全流程在途管控通报',
    children: [
      {
        title: '指标名称',
        dataIndex: 'name',
        align: 'center'
      },
      {
        title: '工单环节',
        dataIndex: 'line',
        align: 'center'
      },
      {
        title: '工单历时',
        dataIndex: 'longTime',
        align: 'center'
      },

      {
        title: '福州',
        dataIndex: 'fz',
        align: 'center',
        scopedSlots: { customRender: 'fz' }
      },
      {
        title: '仓山',
        dataIndex: 'cs',
        align: 'center',
        scopedSlots: { customRender: 'cs' }
      },
      {
        title: '鼓楼',
        dataIndex: 'gl',
        align: 'center',
        scopedSlots: { customRender: 'gl' }
      },
      {
        title: '晋安',
        dataIndex: 'ja',
        align: 'center',
        scopedSlots: { customRender: 'ja' }
      },
      {
        title: '台江',
        dataIndex: 'tj',
        align: 'center',
        scopedSlots: { customRender: 'tj' }
      },
      {
        title: '马尾',
        dataIndex: 'mw',
        align: 'center',
        scopedSlots: { customRender: 'mw' }
      },
      {
        title: '闽侯',
        dataIndex: 'mh',
        align: 'center',
        scopedSlots: { customRender: 'mh' }
      },
      {
        title: '福清',
        dataIndex: 'fq',
        align: 'center',
        scopedSlots: { customRender: 'fq' }
      },
      {
        title: '长乐',
        dataIndex: 'cl',
        align: 'center',
        scopedSlots: { customRender: 'cl' }
      },
      {
        title: '平潭',
        dataIndex: 'pt',
        align: 'center',
        scopedSlots: { customRender: 'pt' }
      },
      {
        title: '罗源',
        dataIndex: 'ly',
        align: 'center',
        scopedSlots: { customRender: 'ly' }
      },
      {
        title: '连江',
        dataIndex: 'lj',
        align: 'center',
        scopedSlots: { customRender: 'lj' }
      },
      {
        title: '闽清',
        dataIndex: 'mq',
        align: 'center',
        scopedSlots: { customRender: 'mq' }
      },
      {
        title: '永泰',
        dataIndex: 'yt',
        align: 'center',
        scopedSlots: { customRender: 'yt' }
      },
      {
        title: '市工建',
        dataIndex: 'city',
        align: 'center',
        scopedSlots: { customRender: 'city' }
      },

      {
        title: '市级维护',
        dataIndex: 'cityOther',
        align: 'center',
        scopedSlots: { customRender: 'cityOther' }
      }
    ]
  }
]

const columnstableThree = [
  {
    title: '区县',
    dataIndex: 'country',
    align: 'center'
  },
  {
    title: '在途工单量',
    dataIndex: 'nowNum',
    align: 'center'
  },
  {
    title: '催办量',
    dataIndex: 'urgeNum',
    align: 'center'
  },
  {
    title: '催办率',
    dataIndex: 'urgeRate',
    align: 'center'
  },
  {
    title: '回复量',
    dataIndex: 'replyNum',
    align: 'center'
  },
  {
    title: '回复率',
    dataIndex: 'replyRate',
    align: 'center'
  },
  {
    title: '催办回复率',
    dataIndex: 'urgeReplyRate',
    align: 'center'
  }
]
</script>
